<template>
    <div class="albumcard-wrap">

        <el-image :src="albumInfo.picUrl"></el-image>
        <p >{{albumInfo.name}}</p>
        <p>{{albumInfo.artist.name}}</p>
        <p>{{publishTime}}</p>

    </div>
</template>

<script lang='ts'>
import { defineComponent, computed} from 'vue'
import dayjs from 'dayjs';
export default defineComponent({
    setup (props) {
        

        const publishTime = computed(()=>{
            return dayjs(props.albumInfo.publishTime).format('YYYY-MM-DD')
        })
        return {

            publishTime
        }
    },
    props:{
        albumInfo:{
            type:Object
        }
    }
})
</script>
 
<style lang = "scss" scoped>
    @import "../../assets/css/Components/album-card.scss";
</style>